<!DOCTYPE html>
<!-- Template Name: Clip-One - Frontend | Build with Twitter Bootstrap 3 | Version: 1.0 | Author: ClipTheme -->
<!--[if IE 8]><html class="ie8" lang="en"><![endif]-->
<!--[if IE 9]><html class="ie9" lang="en"><![endif]-->
<!--[if !IE]><!-->
<html lang="en">
	<!--<![endif]-->
	<!-- start: HEAD -->
	<head>
		<title>Clip-One - Front End</title>
		<!-- start: META -->
		<!--[if IE]><meta http-equiv='X-UA-Compatible' content="IE=edge,IE=9,IE=8,chrome=1" /><![endif]-->
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta content="" name="description" />
		<meta content="" name="author" />
		<!-- end: META -->
		<!-- start: MAIN CSS -->
		<link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
		<link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome.min.css">
		<link rel="stylesheet" href="assets/fonts/style.css">
		<link rel="stylesheet" href="assets/plugins/animate.css/animate.min.css">
		<link rel="stylesheet" href="assets/css/main.css">
		<link rel="stylesheet" href="assets/css/main-responsive.css">
		<link rel="stylesheet" href="assets/css/theme_blue.css" type="text/css" id="skin_color">
		<!-- end: MAIN CSS -->
		<!-- start: CSS REQUIRED FOR THIS PAGE ONLY -->
		<link rel="stylesheet" href="assets/plugins/bootstrap-social-buttons/social-buttons-3.css">
		<link rel="stylesheet" href="assets/plugins/flex-slider/flexslider.css">
		<!-- end: CSS REQUIRED FOR THIS PAGE ONLY -->
		<!-- start: HTML5SHIV FOR IE8 -->
		<!--[if lt IE 9]>
		<script src="assets/plugins/html5shiv.js"></script>
		<![endif]-->
		<!-- end: HTML5SHIV FOR IE8 -->
	</head>
	<!-- end: HEAD -->
	<body>
		<!-- start: HEADER -->
		<header>
			<!-- start: SLIDING BAR (SB) -->
			<div id="slidingbar-area">
				<div id="slidingbar">
					<!-- start: SLIDING BAR FIRST COLUMN -->
					<div class="col-md-4 col-sm-4">
						<h2>About Clip-One</h2>
						<p>
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
							Nulla consequat massa quis enim.
							Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.
							In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
						</p>
					</div>
					<!-- end: SLIDING BAR FIRST COLUMN -->
					<!-- start: SLIDING BAR SECOND COLUMN -->
					<div class="col-md-4 col-sm-4">
						<h2>Recent Works</h2>
						<div class="blog-photo-stream margin-bottom-30">
							<ul class="list-unstyled">
								<li>
									<a href="#"><img alt="" src="assets/images/image01.jpg"></a>
								</li>
								<li>
									<a href="#"><img alt="" src="assets/images/image02.jpg"></a>
								</li>
								<li>
									<a href="#"><img alt="" src="assets/images/image03.jpg"></a>
								</li>
								<li>
									<a href="#"><img alt="" src="assets/images/image04.jpg"></a>
								</li>
								<li>
									<a href="#"><img alt="" src="assets/images/image05.jpg"></a>
								</li>
								<li>
									<a href="#"><img alt="" src="assets/images/image06.jpg"></a>
								</li>
								<li>
									<a href="#"><img alt="" src="assets/images/image07.jpg"></a>
								</li>
								<li>
									<a href="#"><img alt="" src="assets/images/image08.jpg"></a>
								</li>
								<li>
									<a href="#"><img alt="" src="assets/images/image09.jpg"></a>
								</li>
								<li>
									<a href="#"><img alt="" src="assets/images/image10.jpg"></a>
								</li>
							</ul>
						</div>
					</div>
					<!-- end: SLIDING BAR SECOND COLUMN -->
					<!-- start: SLIDING BAR THIRD COLUMN -->
					<div class="col-md-4 col-sm-4">
						<h2>Contact Us</h2>
						<address class="margin-bottom-40">
							Clip-One
							<br>
							12345 Street Name, City Name, United States
							<br>
							P: (641)-734-4763
							<br>
							Email:
							<a href="#">
								info@example.com
							</a>
						</address>
					</div>
					<!-- end: SLIDING BAR THIRD COLUMN -->
				</div>
				<!-- start: SLIDING BAR TOGGLE BUTTON -->
				<a href="#" class="sb_toggle">
				</a>
				<!-- end: SLIDING BAR TOGGLE BUTTON -->
			</div>
			<!-- end: SLIDING BAR -->
			<!-- start: TOP BAR -->
			<div class="clearfix " id="topbar">
				<div class="container">
					<div class="row">
						<div class="col-sm-6">
							<!-- start: TOP BAR CALL US -->
							<div class="callus">
								Call Us: (641)-734-4763 - Mail:
								<a href="mailto:info@example.com">
									info@example.com
								</a>
							</div>
							<!-- end: TOP BAR CALL US -->
						</div>
						<div class="col-sm-6">
							<!-- start: TOP BAR SOCIAL ICONS -->
							<div class="social-icons">
								<ul>
									<li class="social-twitter tooltips" data-original-title="Twitter" data-placement="bottom">
										<a target="_blank" href="http://www.twitter.com">
											Twitter
										</a>
									</li>
									<li class="social-dribbble tooltips" data-original-title="Dribbble" data-placement="bottom">
										<a target="_blank" href="http://dribbble.com">
											Dribbble
										</a>
									</li>
									<li class="social-facebook tooltips" data-original-title="Facebook" data-placement="bottom">
										<a target="_blank" href="http://facebook.com">
											Facebook
										</a>
									</li>
									<li class="social-google tooltips" data-original-title="Google" data-placement="bottom">
										<a target="_blank" href="http://google.com">
											Google+
										</a>
									</li>
									<li class="social-linkedin tooltips" data-original-title="LinkedIn" data-placement="bottom">
										<a target="_blank" href="http://linkedin.com">
											LinkedIn
										</a>
									</li>
									<li class="social-youtube tooltips" data-original-title="YouTube" data-placement="bottom">
										<a target="_blank" href="http://youtube.com/">
											YouTube
										</a>
									</li>
									<li class="social-rss tooltips" data-original-title="RSS" data-placement="bottom">
										<a target="_blank" href="#" >
											RSS
										</a>
									</li>
								</ul>
							</div>
							<!-- end: TOP BAR SOCIAL ICONS -->
						</div>
					</div>
				</div>
			</div>
			<!-- end: TOP BAR -->
			<div role="navigation" class="navbar navbar-default navbar-fixed-top space-top">
				<!-- start: TOP NAVIGATION CONTAINER -->
				<div class="container">
					<div class="navbar-header">
						<!-- start: RESPONSIVE MENU TOGGLER -->
						<button data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<!-- end: RESPONSIVE MENU TOGGLER -->
						<!-- start: LOGO -->
						<a class="navbar-brand" href="index.html">
							CLIP<i class="clip-clip"></i>ONE
						</a>
						<!-- end: LOGO -->
					</div>
					<div class="navbar-collapse collapse">
						<ul class="nav navbar-nav navbar-right">
							<li>
								<a href="index.html">
									Home
								</a>
							</li>
							<li class="dropdown">
								<a class="dropdown-toggle" href="#" data-toggle="dropdown" data-hover="dropdown">
									Pages <b class="caret"></b>
								</a>
								<ul class="dropdown-menu">
									<li>
										<a href="pages_about.html">
											About Us
										</a>
									</li>
									<li>
										<a href="pages_team.html">
											Team
										</a>
									</li>
									<li>
										<a href="pages_services.html">
											Services
										</a>
									</li>
									<li>
										<a href="pages_careers.html">
											Careers
										</a>
									</li>
									<li>
										<a href="pages_faq.html">
											Faq
										</a>
									</li>
									<li>
										<a href="pages_contact.html">
											Contact Us
										</a>
									</li>
								</ul>
							</li>
							<li class="dropdown mega-menu active">
								<a class="dropdown-toggle" href="#" data-toggle="dropdown" data-hover="dropdown">
									Features <b class="caret"></b>
								</a>
								<ul class="dropdown-menu">
									<li>
										<!-- start: MEGA MENU CONTENT -->
										<div class="mega-menu-content">
											<div class="row">
												<div class="col-sm-3">
													<ul class="sub-menu">
														<li>
															<span class="mega-menu-sub-title">Main Features</span>
															<ul class="sub-menu">
																<li>
																	<a href="features_icons.html">
																		Icons
																	</a>
																</li>
																<li class="active">
																	<a href="features_buttons.html">
																		Buttons
																	</a>
																</li>
																<li>
																	<a href="features_animations.html">
																		Animations
																	</a>
																</li>
																<li>
																	<a href="features_typograpy.html">
																		Typograpy
																	</a>
																</li>
																<li>
																	<a href="features_grid_system.html">
																		Grid System
																	</a>
																</li>
															</ul>
														</li>
													</ul>
												</div>
												<div class="col-sm-3">
													<ul class="sub-menu">
														<li>
															<span class="mega-menu-sub-title">Headers and Footers</span>
															<ul class="sub-menu">
																<li>
																	<a href="index.html">
																		Header Version 1
																	</a>
																</li>
																<li>
																	<a href="index_header_2.html">
																		Header Version 2
																	</a>
																</li>
																<li>
																	<a href="index_header_3.html">
																		Header Version 3
																	</a>
																</li>
																<li>
																	<a href="index.html#footer">
																		Footer Version 1
																	</a>
																</li>
																<li>
																	<a href="index_footer_2.html#footer">
																		Footer Version 2
																	</a>
																</li>
															</ul>
														</li>
													</ul>
												</div>
												<div class="col-sm-3">
													<ul class="sub-menu">
														<li>
															<span class="mega-menu-sub-title">Extra</span>
															<ul class="sub-menu">
																<li>
																	<a href="extra_search_result.html">
																		Search Result
																	</a>
																</li>
																<li>
																	<a href="extra_pricing_table.html">
																		Pricing Tables
																	</a>
																</li>
																<li>
																	<a href="extra_404.html">
																		404
																	</a>
																</li>
																<li>
																	<a href="extra_500.html">
																		500
																	</a>
																</li>
															</ul>
														</li>
													</ul>
												</div>
												<div class="col-sm-3">
													<ul class="sub-menu">
														<li>
															<span class="mega-menu-sub-title">Blog</span>
															<ul class="sub-menu">
																<li>
																	<a href="blog_page.html">
																		Blog Page
																	</a>
																</li>
																<li>
																	<a href="blog_post.html">
																		Blog Post
																	</a>
																</li>
															</ul>
														</li>
													</ul>
												</div>
											</div>
										</div>
										<!-- end: MEGA MENU CONTENT -->
									</li>
								</ul>
							</li>
							<li class="dropdown">
								<a class="dropdown-toggle" href="#" data-toggle="dropdown" data-hover="dropdown">
									Portfolio <b class="caret"></b>
								</a>
								<ul class="dropdown-menu">
									<li>
										<a href="portfolio_example1.html">
											4 Columns Portfolio
										</a>
									</li>
									<li>
										<a href="portfolio_example2.html">
											3 Columns Portfolio
										</a>
									</li>
									<li>
										<a href="portfolio_example3.html">
											2 Columns Portfolio
										</a>
									</li>
									<li>
										<a href="portfolio_item.html">
											Portfolio Item
										</a>
									</li>
								</ul>
							</li>
							<li>
								<a target="_blank" href="../../admin/clip-one/index.html">
									Admin Theme
								</a>
							</li>
							<li class="menu-search">
								<!-- start: SEARCH BUTTON -->
								<a href="#" data-placement="bottom" data-toggle="popover">
									<i class="clip-search-3"></i>
								</a>
								<!-- end: SEARCH BUTTON -->
								<!-- start: SEARCH POPOVER -->
								<div class="popover bottom search-box">
									<div class="arrow"></div>
									<div class="popover-content">
										<!-- start: SEARCH FORM -->
										<form class="" id="searchform" action="#">
											<div class="input-group">
												<input type="text" class="form-control" placeholder="Search">
												<span class="input-group-btn">
													<button class="btn btn-main-color btn-squared" type="button">
														<i class="clip-search-3"></i>
													</button> </span>
											</div>
										</form>
										<!-- end: SEARCH FORM -->
									</div>
								</div>
								<!-- end: SEARCH POPOVER -->
							</li>
						</ul>
					</div>
				</div>
				<!-- end: TOP NAVIGATION CONTAINER -->
			</div>
		</header>
		<!-- end: HEADER -->
		<!-- start: MAIN CONTAINER -->
		<div class="main-container">
			<!-- start: STYLE SELECTOR BOX -->
			<div id="style_selector" class="hidden-xs">
				<div id="style_selector_container">
					<div class="style-main-title">
						Style Selector
					</div>
					<div class="box-title">
						Predefined Color Schemes
					</div>
					<div class="images icons-color">
						<a id="blue" href="#"><img class="active" alt="" src="assets/images/blue.png"></a>
						<a id="purple" href="#"><img alt="" src="assets/images/purple.png"></a>
						<a id="red" href="#"><img alt="" src="assets/images/red.png"></a>
						<a id="orange" href="#"><img alt="" src="assets/images/orange.png"></a>
						<a id="green" href="#"><img alt="" src="assets/images/green.png"></a>
					</div>
					<div style="height:25px;line-height:25px; text-align: center">
						<a class="clear_style" href="#">
							Clear Styles
						</a>
						<a class="save_style" href="#">
							Save Styles
						</a>
					</div>
				</div>
				<div class="style-toggle close"></div>
			</div>
			<!-- end: STYLE SELECTOR BOX -->

			<section class="page-top">
				<div class="container">
					<div class="col-md-4 col-sm-4">
						<h1>Buttons</h1>
					</div>
					<div class="col-md-8 col-sm-8">
						<ul class="pull-right breadcrumb">
							<li>
								<a href="index.html">
									Home
								</a>
							</li>
							<li>
								<a href="#">
									Features
								</a>
							</li>
							<li class="active">
								Buttons
							</li>
						</ul>
					</div>
				</div>
			</section>
			<section class="wrapper">
				<div class="container">
					<div class="row buttons-widget">
						<div class="col-sm-6">
							<h4>Buttons</h4>
							<p>
								<!-- Standard grey button with gradient -->
								<button type="button" class="btn btn-default">
									Default
								</button>
								<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
								<button type="button" class="btn btn-primary">
									Primary
								</button>
								<!-- Indicates a successful or positive action -->
								<button type="button" class="btn btn-success">
									Success
								</button>
								<!-- Contextual button for informational alert messages -->
								<button type="button" class="btn btn-info">
									Info
								</button>
								<!-- Indicates caution should be taken with this action -->
								<button type="button" class="btn btn-warning">
									Warning
								</button>
								<!-- Indicates a dangerous or potentially negative action -->
								<button type="button" class="btn btn-danger">
									Danger
								</button>
								<button type="button" class="btn btn-teal">
									Teal
								</button>
								<button type="button" class="btn btn-beige">
									Beige
								</button>
								<button type="button" class="btn btn-dark-beige">
									Dark beige
								</button>
								<button type="button" class="btn btn-orange">
									Orange
								</button>
								<button type="button" class="btn btn-bricky">
									Bricky
								</button>
								<button type="button" class="btn btn-green">
									Green
								</button>
								<button type="button" class="btn btn-blue">
									Blue
								</button>
								<button type="button" class="btn btn-yellow">
									Yellow
								</button>
								<button type="button" class="btn btn-purple">
									Purple
								</button>
								<button type="button" class="btn btn-dark-grey">
									Dark grey
								</button>
								<button type="button" class="btn btn-med-grey">
									Medium grey
								</button>
								<button type="button" class="btn btn-light-grey">
									Light grey
								</button>
								<button type="button" class="btn btn-primary" disabled="disabled">
									Disabled
								</button>
								<button type="button" class="btn btn-teal" disabled="disabled">
									Disabled
								</button>
								<button type="button" class="btn btn-beige" disabled="disabled">
									Disabled
								</button>
							</p>
							<h4>Large Buttons</h4>
							<p>
								<!-- Standard grey button with gradient -->
								<button type="button" class="btn btn-default btn-lg">
									Default
								</button>
								<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
								<button type="button" class="btn btn-primary btn-lg">
									Primary
								</button>
								<!-- Indicates a successful or positive action -->
								<button type="button" class="btn btn-success btn-lg">
									Success
								</button>
								<!-- Contextual button for informational alert messages -->
								<button type="button" class="btn btn-info btn-lg">
									Info
								</button>
								<!-- Indicates caution should be taken with this action -->
								<button type="button" class="btn btn-warning btn-lg">
									Warning
								</button>
								<!-- Indicates a dangerous or potentially negative action -->
								<button type="button" class="btn btn-danger btn-lg">
									Danger
								</button>
								<button type="button" class="btn btn-teal btn-lg">
									Teal
								</button>
								<button type="button" class="btn btn-beige btn-lg">
									Beige
								</button>
								<button type="button" class="btn btn-dark-beige btn-lg">
									Dark beige
								</button>
								<button type="button" class="btn btn-orange btn-lg">
									Orange
								</button>
								<button type="button" class="btn btn-bricky btn-lg">
									Bricky
								</button>
								<button type="button" class="btn btn-green btn-lg">
									Green
								</button>
								<button type="button" class="btn btn-blue btn-lg">
									Blue
								</button>
								<button type="button" class="btn btn-yellow btn-lg">
									Yellow
								</button>
								<button type="button" class="btn btn-purple btn-lg">
									Purple
								</button>
								<button type="button" class="btn btn-dark-grey btn-lg">
									Dark grey
								</button>
								<button type="button" class="btn btn-med-grey btn-lg">
									Medium grey
								</button>
								<button type="button" class="btn btn-light-grey btn-lg">
									Light grey
								</button>
								<button type="button" class="btn btn-primary btn-lg" disabled="disabled">
									Disabled
								</button>
								<button type="button" class="btn btn-teal btn-lg" disabled="disabled">
									Disabled
								</button>
								<button type="button" class="btn btn-beige btn-lg" disabled="disabled">
									Disabled
								</button>
							</p>
							<h4>Small Buttons</h4>
							<p>
								<!-- Standard grey button with gradient -->
								<button type="button" class="btn btn-default btn-sm">
									Default
								</button>
								<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
								<button type="button" class="btn btn-primary btn-sm">
									Primary
								</button>
								<!-- Indicates a successful or positive action -->
								<button type="button" class="btn btn-success btn-sm">
									Success
								</button>
								<!-- Contextual button for informational alert messages -->
								<button type="button" class="btn btn-info btn-sm">
									Info
								</button>
								<!-- Indicates caution should be taken with this action -->
								<button type="button" class="btn btn-warning btn-sm">
									Warning
								</button>
								<!-- Indicates a dangerous or potentially negative action -->
								<button type="button" class="btn btn-danger btn-sm">
									Danger
								</button>
								<button type="button" class="btn btn-teal btn-sm">
									Teal
								</button>
								<button type="button" class="btn btn-beige btn-sm">
									Beige
								</button>
								<button type="button" class="btn btn-dark-beige btn-sm">
									Dark beige
								</button>
								<button type="button" class="btn btn-orange btn-sm">
									Orange
								</button>
								<button type="button" class="btn btn-bricky btn-sm">
									Bricky
								</button>
								<button type="button" class="btn btn-green btn-sm">
									Green
								</button>
								<button type="button" class="btn btn-blue btn-sm">
									Blue
								</button>
								<button type="button" class="btn btn-yellow btn-sm">
									Yellow
								</button>
								<button type="button" class="btn btn-purple btn-sm">
									Purple
								</button>
								<button type="button" class="btn btn-dark-grey btn-sm">
									Dark grey
								</button>
								<button type="button" class="btn btn-med-grey btn-sm">
									Medium grey
								</button>
								<button type="button" class="btn btn-light-grey btn-sm">
									Light grey
								</button>
								<button type="button" class="btn btn-primary btn-sm" disabled="disabled">
									Disabled
								</button>
								<button type="button" class="btn btn-teal btn-sm" disabled="disabled">
									Disabled
								</button>
								<button type="button" class="btn btn-beige btn-sm" disabled="disabled">
									Disabled
								</button>
							</p>
							<h4>Extra Small Buttons</h4>
							<p>
								<!-- Standard grey button with gradient -->
								<button type="button" class="btn btn-default btn-xs">
									Default
								</button>
								<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
								<button type="button" class="btn btn-primary btn-xs">
									Primary
								</button>
								<!-- Indicates a successful or positive action -->
								<button type="button" class="btn btn-success btn-xs">
									Success
								</button>
								<!-- Contextual button for informational alert messages -->
								<button type="button" class="btn btn-info btn-xs">
									Info
								</button>
								<!-- Indicates caution should be taken with this action -->
								<button type="button" class="btn btn-warning btn-xs">
									Warning
								</button>
								<!-- Indicates a dangerous or potentially negative action -->
								<button type="button" class="btn btn-danger btn-xs">
									Danger
								</button>
								<button type="button" class="btn btn-teal btn-xs">
									Teal
								</button>
								<button type="button" class="btn btn-beige btn-xs">
									Beige
								</button>
								<button type="button" class="btn btn-dark-beige btn-xs">
									Dark beige
								</button>
								<button type="button" class="btn btn-orange btn-xs">
									Orange
								</button>
								<button type="button" class="btn btn-bricky btn-xs">
									Bricky
								</button>
								<button type="button" class="btn btn-green btn-xs">
									Green
								</button>
								<button type="button" class="btn btn-blue btn-xs">
									Blue
								</button>
								<button type="button" class="btn btn-yellow btn-xs">
									Yellow
								</button>
								<button type="button" class="btn btn-purple btn-xs">
									Purple
								</button>
								<button type="button" class="btn btn-dark-grey btn-xs">
									Dark grey
								</button>
								<button type="button" class="btn btn-med-grey btn-xs">
									Medium grey
								</button>
								<button type="button" class="btn btn-light-grey btn-xs">
									Light grey
								</button>
								<button type="button" class="btn btn-primary btn-xs" disabled="disabled">
									Disabled
								</button>
								<button type="button" class="btn btn-teal btn-xs" disabled="disabled">
									Disabled
								</button>
								<button type="button" class="btn btn-beige btn-xs" disabled="disabled">
									Disabled
								</button>
							</p>
							<h4>Squared Buttons</h4>
							<p>
								<!-- Standard grey button with gradient -->
								<button type="button" class="btn btn-default btn-squared">
									Squared
								</button>
								<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
								<button type="button" class="btn btn-primary btn-squared">
									Squared
								</button>
								<!-- Indicates a successful or positive action -->
								<button type="button" class="btn btn-success btn-squared btn-lg">
									Squared
								</button>
								<!-- Contextual button for informational alert messages -->
								<button type="button" class="btn btn-info btn-squared btn-lg">
									Squared <i class="fa fa-arrow-circle-right"></i>
								</button>
							</p>
							<p>
								<button class="btn btn-purple">
									Button <i class="fa fa-arrow-circle-right"></i>
								</button>
								<input type="submit" value="Submit" class="btn btn-bricky">
								<a class="btn btn-dark-grey" href="#">
									Go to link <i class="fa fa-arrow-circle-right"></i>
								</a>
							</p>
							<h4>Button Groups</h4>
							<div class="space12">
								<div class="btn-group btn-group-lg">
									<a class="btn btn-default active" href="javascript:;">
										Tools
									</a>
									<a class="btn btn-default hidden-xs" href="javascript:;">
										Settings
									</a>
									<a class="btn btn-default" href="javascript:;">
										Help
									</a>
									<a class="btn btn-default" href="javascript:;">
										Contact
									</a>
								</div>
							</div>
							<div class="space12">
								<div class="btn-group">
									<a class="btn btn-teal active" href="javascript:;">
										Tools
									</a>
									<a class="btn btn-teal hidden-xs" href="javascript:;">
										Settings
									</a>
									<a class="btn btn-teal" href="javascript:;">
										Help
									</a>
									<a class="btn btn-teal" href="javascript:;">
										Contact
									</a>
								</div>
							</div>
							<div class="space12">
								<div class="btn-group btn-group-sm">
									<a class="btn btn-bricky active" href="javascript:;">
										Tools
									</a>
									<a class="btn btn-bricky" href="javascript:;">
										Settings
									</a>
									<a class="btn btn-bricky" href="javascript:;">
										Help
									</a>
									<a class="btn btn-bricky" href="javascript:;">
										Contact
									</a>
								</div>
							</div>
							<div class="space12">
								<div class="btn-group btn-group-xs">
									<a class="btn btn-green active" href="javascript:;">
										Tools
									</a>
									<a class="btn btn-green" href="javascript:;">
										Settings
									</a>
									<a class="btn btn-green" href="javascript:;">
										Help
									</a>
									<a class="btn btn-green" href="javascript:;">
										Contact
									</a>
								</div>
							</div>
							<div class="space12">
								<div class="btn-group-vertical">
									<a class="btn btn-orange" href="javascript:;">
										Tools
									</a>
									<a class="btn btn-orange active" href="javascript:;">
										Settings
									</a>
									<a class="btn btn-orange" href="javascript:;">
										Help
									</a>
									<a class="btn btn-orange" href="javascript:;">
										Contact
									</a>
								</div>
							</div>
							<h4>Icon Buttons</h4>
							<p>
								Examples to use buttons with font awesome icons.
							</p>
							<p>
								<a class="btn btn-primary" href="#"><i class="fa fa-share"></i></a>
								<a class="btn btn-bricky" href="#"><i class="fa fa-times fa fa-white"></i></a>
								<a class="btn btn-blue" href="#"><i class="fa fa-arrow-circle-right"></i></a>
								<a class="btn btn-green" href="#"><i class="fa fa-user fa fa-white"></i></a>
							</p>
							<p>
								Examples to use buttons with glyphicon halflings icons.
							</p>
							<p>
								<a class="btn btn-primary" href="#"><i class="glyphicon glyphicon-log-in"></i></a>
								<a class="btn btn-bricky" href="#"><i class="glyphicon glyphicon-remove-circle"></i></a>
								<a class="btn btn-blue" href="#"><i class="glyphicon glyphicon-thumbs-up"></i></a>
								<a class="btn btn-green" href="#"><i class="glyphicon glyphicon-ok-sign"></i></a>
							</p>
							<p>
								Buttons with both text and icon.
							</p>
							<p>
								<a class="btn btn-xs btn-bricky" href="#"><i class="fa fa-trash-o"></i>
									Delete Item</a>
								<a class="btn btn-primary" href="#"><i class="fa fa-plus"></i>
									Add Item</a>
								<a class="btn btn-purple">
									Listen <i class="fa fa-headphones"></i>
								</a>
							</p>
							<p>
								<a class="btn btn-blue" href="#"><i class="fa fa-plus"></i>
									Submit Entry</a>
								<a class="btn btn-purple btn-lg">
									pricing options <i class="fa fa-arrow-circle-right"></i>
								</a>
							</p>
							<p>
								Navigation icons.
							</p>
							<p>
								<a class="btn btn-light-grey" href="#"><i class="fa fa-arrow-circle-left"></i></a>
								<a class="btn btn-green" href="#"><i class="fa fa-arrow-circle-right"></i></a>
								<a class="btn btn-blue" href="#"><i class="fa fa-arrow-circle-up"></i></a>
								<a class="btn btn-dark-grey" href="#"><i class="fa fa-arrow-circle-down"></i></a>
							</p>
							<p>
								<a class="btn btn-light-grey btn-lg" href="#"><i class="fa fa-arrow-circle-left"></i></a>
								<a class="btn btn-green btn-lg" href="#"><i class="fa fa-arrow-circle-right"></i></a>
								<a class="btn btn-blue btn-lg" href="#"><i class="fa fa-arrow-circle-up"></i></a>
								<a class="btn btn-dark-grey btn-lg" href="#"><i class="fa fa-arrow-circle-down"></i></a>
							</p>
							<p>
								Toolbar icon example
							</p>
							<div class="space12">
								<div class="btn-group">
									<button class="btn btn-primary">
										<i class="fa fa-step-backward"></i>
									</button>
									<button class="btn btn-primary hidden-xs">
										<i class="fa fa-fast-backward"></i>
									</button>
									<button class="btn btn-primary">
										<i class="fa fa-backward"></i>
									</button>
									<button class="btn btn-primary">
										<i class="fa fa-play"></i>
									</button>
									<button class="btn btn-primary">
										<i class="fa fa-stop"></i>
									</button>
									<button class="btn btn-primary">
										<i class="fa fa-forward"></i>
									</button>
									<button class="btn btn-primary hidden-xs">
										<i class="fa fa-fast-forward"></i>
									</button>
									<button class="btn btn-primary">
										<i class="fa fa-step-forward"></i>
									</button>
								</div>
							</div>
						</div>
						<div class="col-sm-6">
							<h4>Block level buttons</h4>
							<p>
								<button class="btn btn-blue btn-block">
									Button <i class="fa fa-arrow-circle-right"></i>
								</button>
								<input type="submit" value="Submit" class="btn btn-blue btn-block">
								<a class="btn btn-blue btn-block" href="#">
									Link <i class="fa fa-arrow-circle-right"></i>
								</a>
							</p>
							<p>
								<button class="btn btn-green btn-lg btn-block">
									Button (big) <i class="fa fa-arrow-circle-right"></i>
								</button>
								<input type="submit" value="Submit (big)" class="btn btn-green btn-lg btn-block">
								<a class="btn btn-green btn-lg btn-block" href="#">
									Link (big) <i class="fa fa-arrow-circle-right"></i>
								</a>
							</p>
							<div class="space12">
								<div class="btn-group btn-group-justified">
									<a class="btn btn-purple" href="javascript:;">
										Tools
									</a>
									<a class="btn btn-green active" href="javascript:;">
										Help
									</a>
									<a class="btn btn-blue" href="javascript:;">
										Contact
									</a>
								</div>
							</div>
							<h4>Dropdown buttons</h4>
							<div class="btn-group">
								<a href="#" data-toggle="dropdown" class="btn btn-primary dropdown-toggle">
									Tools <span class="caret"></span>
								</a>
								<ul class="dropdown-menu" role="menu">
									<li role="presentation">
										<a href="#" tabindex="-1" role="menuitem">
											Action
										</a>
									</li>
									<li role="presentation">
										<a href="#" tabindex="-1" role="menuitem">
											Another action
										</a>
									</li>
									<li role="presentation">
										<a href="#" tabindex="-1" role="menuitem">
											Something else here
										</a>
									</li>
									<li class="divider" role="presentation"></li>
									<li role="presentation">
										<a href="#" tabindex="-1" role="menuitem">
											Separated link
										</a>
									</li>
								</ul>
							</div>
							<div class="btn-group">
								<button data-toggle="dropdown" class="btn btn-bricky dropdown-toggle">
									Help <span class="caret"></span>
								</button>
								<ul class="dropdown-menu" role="menu">
									<li>
										<a href="#">
											Action
										</a>
									</li>
									<li>
										<a href="#">
											Another action
										</a>
									</li>
									<li>
										<a href="#">
											Something else here
										</a>
									</li>
									<li class="divider"></li>
									<li>
										<a href="#">
											Separated link
										</a>
									</li>
								</ul>
							</div>
							<div class="btn-group">
								<button data-toggle="dropdown" class="btn btn-purple dropdown-toggle">
									Tools <span class="caret"></span>
								</button>
								<ul class="dropdown-menu" role="menu">
									<li>
										<a href="#">
											Action
										</a>
									</li>
									<li>
										<a href="#">
											Another action
										</a>
									</li>
									<li>
										<a href="#">
											Something else here
										</a>
									</li>
									<li class="divider"></li>
									<li>
										<a href="#">
											Separated link
										</a>
									</li>
								</ul>
							</div>
							<h4>Split button dropdowns</h4>
							<div class="btn-group">
								<button type="button" class="btn btn-danger">
									Tools
								</button>
								<button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">
									<span class="caret"></span>
								</button>
								<ul class="dropdown-menu" role="menu">
									<li>
										<a href="#">
											Action
										</a>
									</li>
									<li>
										<a href="#">
											Another action
										</a>
									</li>
									<li>
										<a href="#">
											Something else here
										</a>
									</li>
									<li class="divider"></li>
									<li>
										<a href="#">
											Separated link
										</a>
									</li>
								</ul>
							</div>
							<div class="btn-group">
								<button type="button" class="btn btn-purple">
									Help
								</button>
								<button type="button" class="btn btn-purple dropdown-toggle" data-toggle="dropdown">
									<span class="caret"></span>
								</button>
								<ul class="dropdown-menu" role="menu">
									<li>
										<a href="#">
											Action
										</a>
									</li>
									<li>
										<a href="#">
											Another action
										</a>
									</li>
									<li>
										<a href="#">
											Something else here
										</a>
									</li>
									<li class="divider"></li>
									<li>
										<a href="#">
											Separated link
										</a>
									</li>
								</ul>
							</div>
							<div class="btn-group">
								<button type="button" class="btn btn-green">
									Tools
								</button>
								<button type="button" class="btn btn-green dropdown-toggle" data-toggle="dropdown">
									<span class="caret"></span>
								</button>
								<ul class="dropdown-menu" role="menu">
									<li>
										<a href="#">
											Action
										</a>
									</li>
									<li>
										<a href="#">
											Another action
										</a>
									</li>
									<li>
										<a href="#">
											Something else here
										</a>
									</li>
									<li class="divider"></li>
									<li>
										<a href="#">
											Separated link
										</a>
									</li>
								</ul>
							</div>
							<h4>Dropdown button with icons</h4>
							<div class="btn-group">
								<button data-toggle="dropdown" class="btn btn-bricky dropdown-toggle">
									<i class="fa fa-user"></i>
									User <span class="caret"></span>
								</button>
								<ul class="dropdown-menu" role="menu">
									<li>
										<a href="#">
											<i class="fa fa-pencil"></i>
											Edit
										</a>
									</li>
									<li>
										<a href="#">
											<i class="fa fa-trash-o"></i>
											Delete
										</a>
									</li>
									<li>
										<a href="#">
											<i class="fa fa-ban"></i>
											Ban
										</a>
									</li>
									<li class="divider"></li>
									<li>
										<a href="#">
											<i class="i"></i>
											Make admin
										</a>
									</li>
								</ul>
							</div>
							<div class="btn-group">
								<button type="button" class="btn btn-purple">
									<i class="fa fa-wrench"></i>
									Setting
								</button>
								<button data-toggle="dropdown" class="btn btn-purple dropdown-toggle">
									<span class="caret"></span>
								</button>
								<ul class="dropdown-menu" role="menu">
									<li>
										<a href="#">
											<i class="fa fa-pencil"></i>
											Edit
										</a>
									</li>
									<li>
										<a href="#">
											<i class="fa fa-trash-o"></i>
											Delete
										</a>
									</li>
									<li>
										<a href="#">
											<i class="fa fa-ban"></i>
											Ban
										</a>
									</li>
									<li class="divider"></li>
									<li>
										<a href="#">
											<i class="i"></i>
											Make admin
										</a>
									</li>
								</ul>
							</div>
							<h4>Dropdowns button groups</h4>
							<div class="space12">
								<div class="btn-group">
									<div class="btn-group">
										<button type="button" class="btn btn-teal dropdown-toggle" data-toggle="dropdown">
											Dropdown <span class="caret"></span>
										</button>
										<ul class="dropdown-menu">
											<li>
												<a href="#">
													Dropdown link
												</a>
											</li>
											<li>
												<a href="#">
													Dropdown link
												</a>
											</li>
										</ul>
									</div>
									<div class="btn-group hidden-xs">
										<button type="button" class="btn btn-teal dropdown-toggle" data-toggle="dropdown">
											Dropdown <span class="caret"></span>
										</button>
										<ul class="dropdown-menu">
											<li>
												<a href="#">
													Dropdown link
												</a>
											</li>
											<li>
												<a href="#">
													Dropdown link
												</a>
											</li>
										</ul>
									</div>
									<div class="btn-group">
										<button type="button" class="btn btn-teal dropdown-toggle" data-toggle="dropdown">
											Dropdown <span class="caret"></span>
										</button>
										<ul class="dropdown-menu">
											<li>
												<a href="#">
													Dropdown link
												</a>
											</li>
											<li>
												<a href="#">
													Dropdown link
												</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="space12">
								<div class="btn-group-vertical">
									<div class="btn-group">
										<button type="button" class="btn btn-dark-grey dropdown-toggle" data-toggle="dropdown">
											Dropdown <span class="caret"></span>
										</button>
										<ul class="dropdown-menu">
											<li>
												<a href="#">
													Dropdown link
												</a>
											</li>
											<li>
												<a href="#">
													Dropdown link
												</a>
											</li>
										</ul>
									</div>
									<div class="btn-group">
										<button type="button" class="btn btn-dark-grey dropdown-toggle" data-toggle="dropdown">
											Dropdown <span class="caret"></span>
										</button>
										<ul class="dropdown-menu">
											<li>
												<a href="#">
													Dropdown link
												</a>
											</li>
											<li>
												<a href="#">
													Dropdown link
												</a>
											</li>
										</ul>
									</div>
									<div class="btn-group">
										<button type="button" class="btn btn-dark-grey dropdown-toggle" data-toggle="dropdown">
											Dropdown <span class="caret"></span>
										</button>
										<ul class="dropdown-menu">
											<li>
												<a href="#">
													Dropdown link
												</a>
											</li>
											<li>
												<a href="#">
													Dropdown link
												</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<h4>Dropup menu options.</h4>
							<div class="space10">
								<!-- /btn-group -->
								<div class="btn-group dropup">
									<button type="button" class="btn btn-dark-beige dropdown-toggle" data-toggle="dropdown">
										Dropup <span class="caret"></span>
									</button>
									<ul class="dropdown-menu">
										<li>
											<a href="#">
												Dropup link
											</a>
										</li>
										<li>
											<a href="#">
												Dropup link
											</a>
										</li>
									</ul>
								</div>
								<!-- /btn-group -->
								<div class="btn-group dropup">
									<button type="button" class="btn btn-bricky">
										Dropup
									</button>
									<button type="button" class="btn btn-bricky dropdown-toggle" data-toggle="dropdown">
										<span class="caret"></span>
									</button>
									<ul class="dropdown-menu">
										<li>
											<a href="#">
												Dropup link
											</a>
										</li>
										<li>
											<a href="#">
												Dropup link
											</a>
										</li>
									</ul>
								</div>
								<!-- /btn-group -->
							</div>
							<p>
								<span class="label label-success"> NOTE: </span>
								&nbsp;
								By adding <code> dropup </code>
								class you make dropup menu.
							</p>
							<h4>Social</h4>
							<button class="btn btn-facebook">
								<i class="fa fa-facebook"></i>
								| Connect with Facebook
							</button>
							<button class="btn btn-twitter">
								<i class="fa fa-twitter"></i>
								| Connect with Twitter
							</button>
							<button class="btn btn-github">
								<i class="fa fa-github"></i>
								| Connect with Github
							</button>
							<button class="btn btn-pinterest">
								<i class="fa fa-pinterest"></i>
								| Connect with Pinterest
							</button>
							<button class="btn btn-linkedin">
								<i class="fa fa-linkedin"></i>
								| Connect with LinkedIn
							</button>
							<button class="btn btn-google-plus">
								<i class="fa fa-google-plus"></i>
								| Connect with Google Plus
							</button>
							<button class="btn btn-instagram">
								<i class="fa fa-camera-retro"></i>
								| Connect with Instagram
							</button>
							<button class="btn btn-dropbox">
								<i class="fa fa-dropbox"></i>
								| Connect with Dropbox
							</button>
							<button class="btn btn-bitbucket">
								<i class="fa fa-bitbucket"></i>
								| Connect with Bitbucket
							</button>
							<button class="btn btn-dribbble">
								<i class="fa fa-dribbble"></i>
								| Connect with Dribbble
							</button>
							<button class="btn btn-flickr">
								<i class="fa fa-flickr"></i>
								| Connect with Flickr
							</button>
							<button class="btn btn-foursquare">
								<i class="fa fa-foursquare"></i>
								| Connect with Foursquare
							</button>
							<button class="btn btn-renren">
								<i class="fa fa-renren"></i>
								| Connect with Renren
							</button>
							<button class="btn btn-skype">
								<i class="fa fa-skype"></i>
								| Connect with Skype
							</button>
							<button class="btn btn-stackexchange">
								<i class="fa fa-stackexchange"></i>
								| Connect with Stack Exchange
							</button>
							<button class="btn btn-trello">
								<i class="fa fa-trello"></i>
								| Connect with Trello
							</button>
							<button class="btn btn-tumblr">
								<i class="fa fa-tumblr"></i>
								| Connect with Tumblr
							</button>
							<button class="btn btn-vk">
								<i class="fa fa-vk"></i>
								| Connect with VK
							</button>
							<button class="btn btn-weibo">
								<i class="fa fa-weibo"></i>
								| Connect with Weibo
							</button>
							<button class="btn btn-xing">
								<i class="fa fa-xing"></i>
								| Connect with XING
							</button>
							<button class="btn btn-youtube">
								<i class="fa fa-youtube"></i>
								| Connect with YouTube
							</button>
							<button class="btn btn-instagram">
								<i class="fa fa-camera-retro"></i>
								| Connect with Instagram
							</button>
							<h4>Responsive Icons Buttons</h4>
							<div class="row">
								<div class="col-sm-3">
									<button class="btn btn-icon btn-block">
										<i class="fa fa-group"></i>
										Users <span class="badge badge-primary"> 4 </span>
									</button>
								</div>
								<div class="col-sm-3">
									<button class="btn btn-icon btn-block">
										<i class="fa fa-comments-o"></i>
										Comments <span class="badge badge-danger"> 4 </span>
									</button>
								</div>
								<div class="col-sm-3">
									<button class="btn btn-icon btn-block">
										<i class="fa fa-shopping-cart"></i>
										Orders <span class="badge badge-danger"> 4 </span>
									</button>
								</div>
								<div class="col-sm-3">
									<button class="btn btn-icon btn-block">
										<i class="fa fa-barcode"></i>
										Products <span class="badge badge-warning"> 4 </span>
									</button>
								</div>
							</div>
							<div class="row">
								<div class="col-sm-3">
									<button class="btn btn-icon btn-block">
										<i class="fa fa-calendar"></i>
										Calendar <span class="badge badge-success"> 4 </span>
									</button>
								</div>
								<div class="col-sm-3">
									<button class="btn btn-icon btn-block">
										<i class="fa fa-heart-o"></i>
										Favorites <span class="badge badge-danger"> 4 </span>
									</button>
								</div>
								<div class="col-sm-3">
									<button class="btn btn-icon btn-block">
										<i class="fa fa-thumbs-up"></i>
										Likes <span class="badge badge-warning"> 4 </span>
									</button>
								</div>
								<div class="col-sm-3">
									<button class="btn btn-icon btn-block">
										<i class="fa fa-exclamation-triangle"></i>
										Warning <span class="badge badge-success"> 4 </span>
									</button>
								</div>
							</div>
							<div class="row">
								<div class="col-sm-3">
									<button class="btn btn-icon btn-block">
										<i class="fa fa-tasks"></i>
										Tasks <span class="badge badge-danger"> 4 </span>
									</button>
								</div>
								<div class="col-sm-3">
									<button class="btn btn-icon btn-block">
										<i class="fa fa-check"></i>
										To Do <span class="badge badge-success"> 4 </span>
									</button>
								</div>
								<div class="col-sm-3">
									<button class="btn btn-icon btn-block">
										<i class="fa fa-list"></i>
										Tickets <span class="badge badge-warning"> 4 </span>
									</button>
								</div>
								<div class="col-sm-3">
									<button class="btn btn-icon btn-block">
										<i class="fa fa-picture-o"></i>
										Pictures <span class="badge badge-danger"> 4 </span>
									</button>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
		</div>
		<!-- end: MAIN CONTAINER -->
		<!-- start: FOOTER -->
		<footer id="footer">
			<div class="container">
				<div class="row">
					<div class="col-md-3">
						<div class="newsletter">
							<h4>Newsletter</h4>
							<p>
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat.
							</p>
							<form method="POST" action="#" id="newsletterForm">
								<div class="input-group">
									<input type="text" id="email" name="email" placeholder="Email Address" class="form-control">
									<span class="input-group-btn">
										<button type="submit" class="btn btn-default">
											Go!
										</button> </span>
								</div>
							</form>
						</div>
					</div>
					<div class="col-md-3">
						<h4>Latest Tweet</h4>
						<div class="twitter" id="tweet">
							<i class="fa fa-twitter"></i> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat.
							<a href="#" class="time">
								12 Dec
							</a>
						</div>
					</div>
					<div class="col-md-4">
						<div class="contact-details">
							<h4>Contact Us</h4>
							<ul class="contact">
								<li>
									<p>
										<i class="fa fa-map-marker"></i><strong>Address:</strong> 1234 Street Name, City Name, United States
									</p>
								</li>
								<li>
									<p>
										<i class="fa fa-phone"></i><strong>Phone:</strong> (123) 456-7890
									</p>
								</li>
								<li>
									<p>
										<i class="fa fa-envelope"></i><strong>Email:</strong>
										<a href="mailto:mail@example.com">
											mail@example.com
										</a>
									</p>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-md-2">
						<h4>Follow Us</h4>
						<div class="social-icons">
							<ul>
								<li class="social-twitter tooltips" data-original-title="Twitter" data-placement="bottom">
									<a target="_blank" href="http://www.twitter.com">
										Twitter
									</a>
								</li>
								<li class="social-facebook tooltips" data-original-title="Facebook" data-placement="bottom">
									<a target="_blank" href="http://facebook.com" data-original-title="Facebook">
										Facebook
									</a>
								</li>
								<li class="social-linkedin tooltips" data-original-title="LinkedIn" data-placement="bottom">
									<a target="_blank" href="http://linkedin.com" data-original-title="LinkedIn">
										LinkedIn
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="footer-copyright">
				<div class="container">
					<div class="row">
						<div class="col-md-1">
							<a class="logo" href="index.html">
								CLIP<i class="clip-clip"></i>ONE
							</a>
						</div>
						<div class="col-md-7">
							<p>
								&copy; Copyright 2014 by Clip-One. All Rights Reserved.<img src="http://i.imgur.com/XACTjQa.jpg">
							</p>
						</div>
						<div class="col-md-4">
							<nav id="sub-menu">
								<ul>
									<li>
										<a href="#">
											FAQ's
										</a>
									</li>
									<li>
										<a href="#">
											Sitemap
										</a>
									</li>
									<li>
										<a href="#">
											Contact
										</a>
									</li>
								</ul>
							</nav>
						</div>
					</div>
				</div>
			</div>
		</footer>
		<a id="scroll-top" href="#"><i class="fa fa-angle-up"></i></a>
		<!-- end: FOOTER -->
		<!-- start: MAIN JAVASCRIPTS -->
		<!--[if lt IE 9]>
		<script src="assets/plugins/respond.min.js"></script>
		<script src="assets/plugins/excanvas.min.js"></script>
		<script src="assets/plugins/html5shiv.js"></script>
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
		<![endif]-->
		<!--[if gte IE 9]><!-->
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
		<!--<![endif]-->
		<script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
		<script src="assets/plugins/jquery.transit/jquery.transit.js"></script>
		<script src="assets/plugins/hover-dropdown/twitter-bootstrap-hover-dropdown.min.js"></script>
		<script src="assets/plugins/jquery.appear/jquery.appear.js"></script>
		<script src="assets/plugins/blockUI/jquery.blockUI.js"></script>
		<script src="assets/plugins/jquery-cookie/jquery.cookie.js"></script>
		<script src="assets/js/main.js"></script>
		<!-- end: MAIN JAVASCRIPTS -->
		<!-- start: JAVASCRIPTS REQUIRED FOR THIS PAGE ONLY -->
		<script src="assets/plugins/flex-slider/jquery.flexslider.js"></script>
		<!-- end: JAVASCRIPTS REQUIRED FOR THIS PAGE ONLY -->
		<script>
			jQuery(document).ready(function() {
				Main.init();
			});
		</script>
	</body>
</html>